<template>
	<view class="previous_home_page">
		<uni-nav-bar fixed status-bar :border="false" left-icon="left" title="上首页" @clickLeft="back" />

		<view class="carousel" v-if="dataList.length>0">
			<text class="iconfont icon-xiaolaba c_4CA1FD mr10" />
			<swiper vertical autoplay circular interval="2000">
				<swiper-item v-for="(d,index) in dataList" :key="index">{{d}}</swiper-item>

			</swiper>
			<button class="lucky_btn " @click="subscribe">订阅抽奖test</button>
		</view>

		<view class="content">
			<view class="title">
				首页- 手气广场
			</view>
			<p>个人和企业均可投放。完成订单后人工客服跟进活动信息创建活动，可推广抽奖展示在首页[首页轮播抽奖、现金抽奖、运气广场]模块，获得曝光和关注，以固定展示天数开奖
				核心展位:<br />
				首页[轮播抽奖] 展位持续曝光<br />
				首页[现金抽奖] 展位持续曝光<br />
				首页[运气广场] 展位持续曝光<br />
				流量支持:全平台多入口推荐引流<br />
				品牌曝光:长图文个性展示<br />
				加粉导流:支持设置微信/公众号快捷关注支持长图文展示、一键复制组件全面展示:灵活掌握:自主设置展示期，进行中抽奖也可以上首页推广
				数据反馈:<br />
				在线推广效果数据全掌握<br />
				质量保障:专人审核保障</p>

			<view class="btn" @click="goServe">点击了解详情</view>
		</view>
		<view class="content">
			<view class="title">品牌合作</view>
			<p>向知名公众号品牌开放。通过资源置换的形式，免费推广。<br />
				展示位置:小程序首页、服务号推送支持引流:公众号涨粉、小程序跳转、商城购买专属指导:顾问一对一服务，提供优化建议</p>
			<view class="btn" @click="goServe">申请加入</view>
		</view>
		<view class="content">
			<view class="title">今日奖品推荐</view>
			<p>仅针对品牌主开放(大型企业品牌、小程序、公众号)开放，暂不支持个人推广。按天展示在首页上方。
				海量曝光:首页最顶端露出，单日曝光 25 万左右<br />
				多点引流:一键跳转品牌产品<br />
				推文宣传:支持跳转公众号图文<br />
				购买转化:中奖后可直跳小程序路径，落地优惠领取<br />
				页/购买页<br />
				专人指导:进行素材优化、提供修改建议</p>

			<view class="btn" style="margin-bottom:100rpx" @click="goServe">联系我们</view>
		</view>
		<view class="footer">
			<button class="share_btn" open-type="share"><text class="iconfont icon-fenxiang mr10" />分享</button>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				dataList: [],
				showWeb: false,
				type: ""
			}
		},

		methods: {
			goServe() {
				var _this = this;
				wx.openCustomerServiceChat({
					extInfo: {
						url: 'https://work.weixin.qq.com/kfid/kfc49fd496002f64760'
					},
					corpId: 'ww26c801ce25ace1c6',
					success(res) {

					},
					fail(res) {

					},
				})

				return
				// 点击按钮也可以打开客服聊天界面
				//	const wx = requirePlugin('wxwork');
				console.log(wx)
				wx.openCustomerServiceConversation({
					corpId: 'ww26c801ce25ace1c6', // 企业ID
					url: 'https://work.weixin.qq.com/kfid/kfc49fd496002f64760' // 客服地址链接
				})
				return
				uni.openCustomerServiceConversation({
					corpId: 'xxx', // 企业id
					url: 'https://work.weixin.qq.com/kfid/kfc49fd496002f64760' // 客服地址链接
				})
				return
				uni.navigateToMiniProgram({
					appId: 'ww26c801ce25ace1c6', // 替换为微信客服消息的小程序AppID
					path: 'https://work.weixin.qq.com/kfid/kfc49fd496002f64760', // 替换为微信客服消息的小程序页面路径
					extraData: {
						// 可以传递一些额外的参数给微信客服消息小程序
					},
					success(res) {
						// 跳转成功的回调
						console.log('跳转到微信客服消息成功', res)
					},
					fail(err) {
						// 跳转失败的回调
						console.log('跳转到微信客服消息失败', err)
					}
				})
				return
				// uni.navigateTo({
				// 	url: "https://work.weixin.qq.com/kfid/kfc49fd496002f64760"
				// })

			},
			subscribe() {

				//	var templateId = 'tZNE5LRZ2IhvdsIZJC95W7pRQDACXm0rnNsnvyi4hFQ'
				var templateId = 'WPZgP1Hx7GFM6Q_AtrBasNgDkDAWHuG3cmQHLb9Ceqw'
				uni.requestSubscribeMessage({
					tmplIds: [templateId], // 需要订阅的模板ID
					success(res) {
						console.log(res);
						if (res[templateId] === 'accept') {
							console.log("用户接受订阅")
						} else {
							console.log("用户拒绝了订阅")
						}
						// 用户允许订阅通知
					},
					fail(err) {
						// 用户拒绝授权或其他错误
						console.error(err);
						// 引导用户前往【设置】页面打开【接受订阅消息】权限
						wx.showModal({
							title: '通知订阅失败',
							content: '请前往【设置】页面打开【接受订阅消息】权限，并确保下方订阅消息都已经接受。',
							success(res) {
								if (res.confirm) {
									wx.openSetting({
										success(res) {
											// 用户在【设置】页面打开了订阅消息权限后的回调
											console.log(res);
										},
										fail(err) {
											console.error(err);
										}
									});
								}
							}
						});
					}
				});
			},
			drawMsgList() {
				uni.$http.post('/wxuser/draw/drawMsgList', {
					page: 1,
					num: 5
				}).then(res => {
					this.dataList = res.data.data


				})
			},
			back() {
				uni.navigateBack();
			}
		},
		onLoad() {
			this.drawMsgList();
		}
	}
</script>
<style lang="scss" scoped>
	.previous_home_page {
		.carousel {
			display: flex;
			background: #fff;
			padding: 20rpx;
			height: 50rpx !important;
			align-items: center;

			swiper {
				flex: 1;
				height: 50rpx !important;

				swiper-item {
					line-height: 50rpx;
					color: #868686;
					font-size: 24rpx;
				}
			}
		}


		.content {
			padding: 20rpx;
			background: #fff;
			font-size: 24rpx;
			color: #505050;
			line-height: 46rpx;
			margin-top: 20rpx;

			.title {
				font-weight: bold;
				color: #000;
				font-size: 28rpx;
				line-height: 70rpx;
				border-bottom: 1px solid #EEE;
				margin-bottom: 20rpx;

			}

			.btn {
				width: 200rpx;
				height: 52rpx;
				margin: 30rpx auto;
				line-height: 52rpx;
				color: #366FFA;
				text-align: center;
				font-size: 26rpx;
				border: 1px solid #366FFA;
				border-radius: 4rpx;
			}
		}

		.lucky_btn {
			display: inline-block;
			line-height: 44rpx;
			margin-right: 20rpx;
			font-size: 22rpx;
			width: 156rpx;
			height: 44rpx;
			background: #FFF;
			border-radius: 4rpx;
			border: 1px solid #01C168;
		}

		.c_4CA1FD {
			color: #4CA1FD;
		}

		.footer {
			position: fixed;
			width: 100%;
			background-color: #fff;
			padding: 20rpx 0;
			bottom: 0;

			.share_btn {
				display: inline-block;
				color: #3573F9;
				width: 165rpx;
				height: 53rpx;
				border: 1px solid #3573F9;
				line-height: 53rpx;
				border-radius: 53rpx;
				margin-left: 50%;
				font-size: 28rpx;
				transform: translateX(-50%);
			}
		}
	}
</style>